<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学院</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	
	<link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet" />
    <!--当前页面的css-->   
    <link href="css/college.css" rel="stylesheet">
    <!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>
	<script src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>
	<script src="http://appimg.yinsoso.com/js/handlebars.min.js"></script>
	<style>
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
			bottom: 0px;
		}
	</style>
</head>
<body>
<div class="college">
	<div class="coll-banner">
		 <!-- Swiper -->
		  <div class="swiper-container" id="swiper-banber">
		    <div class="swiper-wrapper" id="bannerSwiper">
		      <!-- <div class="swiper-slide"><a href="javascript:;"><img src="../images/topic1.png"/></a></div>  预留数据 -->
		     
		    </div>
		    <!-- Add Pagination -->
		    <div class="swiper-pagination" id="pagination-banner"></div>
		  </div>
	</div>
	<!-- Initialize Swiper -->
  
	<div class="coll-gray-bg"></div>
	<!-- 学院logo --> 
	<div class="coll-logo-box">
		 <!-- Swiper -->
		 <div class="swiper-container" id="collegeSwiper">
				<div class="swiper-wrapper" id="collegewrapper">
				  <div class="swiper-slide">
						<!-- <li><img class="imgs" src="../images/logo1.jpg"/></li> 预留数据 -->
				  </div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination" id="paginationSwiper"></div>
			  </div>
		</div>
		<!-- Initialize Swiper -->
		
	</div>
	<div class="coll-gray-bg"></div>
	<div class="coll-main-box">
		<span>学院资讯</span>
	</div>
	<ul class="collTitle clearfix">
		<li class="ml0 active"><a href="javascript:void(0);" data-time="0" >全部内容</a></li>
		<li><a href="javascript:void(0);" data-time="1">最近一月</a></li>
		<li><a href="javascript:void(0);" data-time="2">最近两月</a></li>
	</ul>
	<ul class="coll-main" id="collList">
		
	</ul>
</div>


<div class="weui-loadmore" id="pageLoading">
	<i class="weui-loading"></i>
	<span class="weui-loadmore__tips">正在加载</span>
</div>
<div class="bottom-msg displaynone" id="pageNomore">
	<div class="bottom-msg-hr"></div>
	<span class="msg-text">我是有底线的</span>
</div>


<!-- js 模板声明 -->
<script id="college-template" type="text/x-handlebars-template">
	<!-- logo轮播模板 -->
	{{#each data}}
	<div class="swiper-slide">
		<ul class="coll-logo clearfix">
			{{#each list}}
			 <li>
				<a onclick="goHerf('{{id}}')"><img class="imgs" src="{{logo}}"/></a>	 
			</li>
			{{/each}}
		</ul>
		</div>
		{{/each}}
  </script>

  <script id="collList-template" type="text/x-handlebars-template">
	<!-- 列表模板 -->
	{{#each data}}
	<a onclick="urlHref('{{id}}')">		
		<li class="clearfix">
			<div class="coll-main-li">
				<div class="coll-left">
					<img src="{{head_img}}" />
				</div>
				<div class="coll-right">
					<p>
						{{title}}
					</p>
					<div class="coll-right-bot">
						<div class="coll-source">来源：{{college_name}}</div>
						<div class="coll-browse">
							<img src="../images/eye.jpg" />
							<span>{{read_num}}</span>
						</div>
					</div>
				</div>
			</div>
		</li>
	</a>		
	{{/each}}
  </script>
<!-- 当前js -->
<script src="js/college.js"></script>
  
 
</body>
</html>